<template>
  <div class="head">
    <left></left>
    <middle></middle>
    <right :userSetting="userSetting"></right>
  </div>
</template>

<script lang="ts" setup>
import Right from "./cps/right.vue"
import Middle from "./cps/middle.vue"
import Left from "./cps/left.vue"
import { userSetting } from "./config"
</script>

<style lang="less" scoped>
.head {
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  // background: red;
}
</style>
